<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if lt IE 7 ]> <html lang="en" class="ie6">    <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="ie7">    <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8">    <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="ie9">    <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Vmenu | Blog</title>
        
        <!-- Google font -->
        <link href='http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="fonts/Lato-Medium.css">
        <link rel="stylesheet" href="fonts/Lato-MediumItalic.css">
        <link rel="stylesheet" href="fonts/Lato-Semibold.css">

        <!-- Bootstrap css -->
        <link rel="stylesheet" href="css/bootstrap.min.css">

        <!-- Slicknav css -->
        <link rel="stylesheet" href="css/slicknav.min.css">

        <!-- Font awesome css -->
        <link rel="stylesheet" href="css/font-awesome.min.css">

        <!-- Stroke Font Icon css -->
        <link rel="stylesheet" href="css/pe-icon-7-stroke.css">

        <!-- Animate css -->
        <link rel="stylesheet" href="css/animate.css">

        <!-- VenoBox css -->
        <link rel="stylesheet" href="css/venobox.css">

        <!-- Owl carousel 2 css -->
        <link rel="stylesheet" href="css/owl.carousel.css">

        <!-- Custom css -->
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="css/responsive.css">

        <!-- Favicons -->
        <link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-precomposed.png">
        <link rel="shortcut icon" type="image/png" href="img/favicon.png"/>  

        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!-- Linkon Miyan from rexord.com -->
        <!--[if lt IE 9]>
          <script src="js/html5shiv.min.js"></script>
          <script src="js/respond.min.js"></script>
        <![endif]-->
    </head>
    
    <body>
        <!--====| Preloader Area Start |====-->
        <div id="preloader">
            <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
        </div>
        <!--====| Preloader Area End |====-->


        <!--====| Header Area Start |====-->
        <header class="header_area">
           
            <!--====| Header Top Start |====-->
            <div class="header_top">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-sm-6">
                            <div class="header_top_social_logo">
                                <ul>
                                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                </ul>
                            </div>
                            <div class="header_top_phone_no">
                                <a href="tel:(02)-123-456-7890">(02) 123-456-7890</a>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="header_top_search">
                                <form action="#">
                                    <input type="text" placeholder="Search ...">
                                    <input type="submit" value="">
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--====| Header Top End |====-->
            
            <!--====| Main Header Start |====-->
            <div class="main_header">
                <div class="site_logo">
                    <a href="index.html">
                        <img src="img/logo.png" alt="Site Logo">
                        <span class="logo_txt"><span>v</span>menu</span>
                    </a>
                </div>
                <div class="main_menu_area">
                    <nav class="main_menu">
                        <ul>
                            <li>
                                <a href="index.html"><i class="pe-7s-home"></i><span>Home</span></a>
                            </li>
                            <li>
                                <a href="about.html"><i class="pe-7s-light"></i><span>about us</span></a>
                            </li>
                            <li>
                                <a href="services.html"><i class="pe-7s-config"></i><span>services</span></a>
                            </li>
                            <li>
                                <a href="portfolio.html"><i class="pe-7s-portfolio"></i><span>portfolio</span></a>
                            </li>
                            <li class="active">
                                <a href="blog.html"><i class="pe-7s-notebook"></i><span>Blog</span></a>
                            </li>
                            <li>
                                <a href="contact.html"><i class="pe-7s-call"></i><span>contact us</span></a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
            <!--====| Main Header End |====-->
            
        </header>
        <!--====| Header Area End |====-->


        <!--====| Banner Area Start |====-->
        <section class="banner_area">
            <div class="container">
                <div class="row">
					<div class="contact_banner">
						<h2>our blog</h2>
						<h4>latest news from our agency</h4>
					</div>
                </div>
            </div>
        </section>
        <!--====| Banner Area End |====-->
		
		 <!--====| Blog Area Start |====-->
		<section class="blog_area">
			<div class="container blog_post_page">
				<div class="col-md-9">
					<div class="all_blog_posts">
						<div class="single_post">
							<div class="blog_img">
								<img src="img/post_img1.jpg" alt="images" />
							</div>
							<div class="date_author">
								<div class="date_lt">
									<div class="date">
										<p><span>17</span><br>Jun, 2015</p>
									</div>
									<img class="postind" src="img/post_ind.png" alt="post indi" />
								</div>
								<div class="authoer_info">
									<h2><a href="#">Sometimes you want to go where everybody knows your name</a></h2>		
									<p><a href="#">by John Doe</a>   |  <span> 15 November, 2013</span></p>
									<ul class="post_teg">
										<li><a href="#"><i class="fa fa-comment-o"></i> 13 Comments</a></li>
										<li><a href="#"><i class="fa fa-tag"></i>
										Graphic Design, Web Design</a></li>
									</ul>
								</div>
							</div>
							<div class="post_exp">
								<p>Today still wanted by the government they survive as soldiers of fortune. Now the world don't move to the beat of just one drum. What might be right for you may not be right for some.</p>
							</div>
						</div>
						<div class="single_post">
							<div class="blog_img">
								<img src="img/post_img2.jpg" alt="images" />
							</div>
							<div class="date_author">
								<div class="date_lt">
									<div class="date">
										<p><span>17</span><br>Jun, 2015</p>
									</div>
									<img class="postind" src="img/post_ind.png" alt="post indi" />
								</div>
								<div class="authoer_info">
									<h2><a href="#">Sometimes you want to go where everybody knows your name</a></h2>		
									<p><a href="#">by John Doe</a>   |  <span> 15 November, 2013</span></p>
									<ul class="post_teg">
										<li><a href="#"><i class="fa fa-comment-o"></i> 13 Comments</a></li>
										<li><a href="#"><i class="fa fa-tag"></i>
										Graphic Design, Web Design</a></li>
									</ul>
								</div>
							</div>
							<div class="post_exp">
								<p>Today still wanted by the government they survive as soldiers of fortune. Now the world don't move to the beat of just one drum. What might be right for you may not be right for some.</p>
							</div>
						</div>
						<div class="single_post">
							<div class="blog_img">
								<img src="img/post_img3.jpg" alt="images" />
							</div>
							<div class="date_author">
								<div class="date_lt">
									<div class="date">
										<p><span>17</span><br>Jun, 2015</p>
									</div>
									<img class="postind" src="img/post_ind.png" alt="post indi" />
								</div>
								<div class="authoer_info">
									<h2><a href="#">Sometimes you want to go where everybody knows your name</a></h2>		
									<p><a href="#">by John Doe</a>   |  <span> 15 November, 2013</span></p>
									<ul class="post_teg">
										<li><a href="#"><i class="fa fa-comment-o"></i> 13 Comments</a></li>
										<li><a href="#"><i class="fa fa-tag"></i>
										Graphic Design, Web Design</a></li>
									</ul>
								</div>
							</div>
							<div class="post_exp">
								<p>Today still wanted by the government they survive as soldiers of fortune. Now the world don't move to the beat of just one drum. What might be right for you may not be right for some.</p>
							</div>
						</div>
						<div class="single_post">
							<div class="blog_img">
								<img src="img/post_img4.jpg" alt="images" />
							</div>
							<div class="date_author">
								<div class="date_lt">
									<div class="date">
										<p><span>17</span><br>Jun, 2015</p>
									</div>
									<img class="postind" src="img/post_ind.png" alt="post indi" />
								</div>
								<div class="authoer_info">
									<h2><a href="#">Sometimes you want to go where everybody knows your name</a></h2>		
									<p><a href="#">by John Doe</a>   |  <span> 15 November, 2013</span></p>
									<ul class="post_teg">
										<li><a href="#"><i class="fa fa-comment-o"></i> 13 Comments</a></li>
										<li><a href="#"><i class="fa fa-tag"></i>
										Graphic Design, Web Design</a></li>
									</ul>
								</div>
							</div>
							<div class="post_exp">
								<p>Today still wanted by the government they survive as soldiers of fortune. Now the world don't move to the beat of just one drum. What might be right for you may not be right for some.</p>
							</div>
						</div>
					</div>
					<div class="pagination">
						<ul>
							<li><a href="#">1</a></li>
							<li><a href="#">2</a></li>
							<li><a href="#">3</a></li>
							<li><a href="#">Next <i class="fa fa-angle-double-right"></i>
							</a></li>
						</ul>
					</div>
				</div>
				<div class="col-md-3 col-md-offset-0 col-sm-8 col-sm-offset-2">
					<div class="blog_sidebar">
						<div class="blog_src">
							<form action="index.html">
								<input type="text" class="src_field" placeholder="Search..." />
								<input type="submit"  class="src_btn" value="S" />
							</form>
						</div>
						<div class="category_part">
							<h2>categories</h2>
							<ul>
								<li><a href="#"><i class="fa fa-folder-open"></i> Agency <span>17</span></a></li>
								<li><a href="#"><i class="fa fa-folder-open"></i> Business <span>11</span></a></li>
								<li><a href="#"><i class="fa fa-folder-open"></i> Elegant <span>08</span></a></li>
								<li><a href="#"><i class="fa fa-folder-open"></i> Multipurpose <span>13</span></a></li>
							</ul>
						</div>
						
						<div class="category_part">
							<h2>Recent Posts</h2>
							<ul class="recepost_list">
								<li>
									<a href="#">
										<img src="img/recpost1.jpg" alt="recent post" />
										<div class="rec_text">
											<h4>Recent Trends Included in Theme
											</h4>
											<p>June 17, 2015</p>
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<img src="img/recpost2.jpg" alt="recent post" />
										<div class="rec_text">
											<h4>Recent Trends Included in Theme
											</h4>
											<p>June 17, 2015</p>
										</div>
									</a>
								</li>
								<li>
									<a href="#">
										<img src="img/recpost3.jpg" alt="recent post" />
										<div class="rec_text">
											<h4>Recent Trends Included in Theme
											</h4>
											<p>June 17, 2015</p>
										</div>
									</a>
								</li>
							</ul>
						</div>
						
						<div class="category_part">
							<h2>twitter feed</h2>
							<ul class="twitter_feed">
								<li>
								<a href="#">
									<i class="fa fa-twitter"></i>
									<div class="twiteet">
										<p><span class="twiname">@Johnson,</span> We are here for our vertical Multipurpose <br>
										<span class="min">5 Mins Ago</span></p>
									</div>
								</a>
								</li>
								<li>
								<a href="#">
									<i class="fa fa-twitter"></i>
									<div class="twiteet">
										<p><span class="twiname">@Johnson,</span> We are here for our vertical Multipurpose <br>
										<span class="min">5 Mins Ago</span></p>
									</div>
								</a>
								</li>
								<li>
								<a href="#">
									<i class="fa fa-twitter"></i>
									<div class="twiteet">
										<p><span class="twiname">@Johnson,</span> We are here for our vertical Multipurpose <br>
										<span class="min">5 Mins Ago</span></p>
									</div>
								</a>
								</li>
							</ul>
						</div>
						
						<div class="category_part">
							<h2>popular tags</h2>
							<div class="all_tags">
								<a href="#">Amazing</a><a href="#">Envato</a><a href="#">Themes</a><a href="#">Clean</a><a href="#">Responsiveness</a><a href="#">SEO</a><a href="#">Mobile</a><a href="#">IOS</a><a href="#">Flat</a><a href="#">Design</a>
							</div>
						</div>
						
						<div class="category_part">
							<h2>archives</h2>
							<ul>
								<li><a href="#"><i class="fa fa-folder-open"></i> Agency <span>17</span></a></li>
								<li><a href="#"><i class="fa fa-folder-open"></i> Business <span>11</span></a></li>
								<li><a href="#"><i class="fa fa-folder-open"></i> Elegant <span>08</span></a></li>
								<li><a href="#"><i class="fa fa-folder-open"></i> Multipurpose <span>13</span></a></li>
							</ul>
						</div>

					</div>
				</div>
			</div>
		</section>
		<!--====| Blog Area End |====-->
		

		
        
        <!--====| Footer Area Start |====-->
        <footer class="footer_area">
            <div class="container footer_top section-padding">
                <div class="row">
                    <div class="col-md-3 col-sm-4">
                        <div class="single_footer_widget">
                            <div class="footer_widget_title">
                                <a href="index.html"><img src="img/footer_logo.png" alt=""></a>
                            </div>
                            <div class="footer_widget_content">
                                <div class="first_wid">
                                    <p>Just two good ol' boys Never meanin' no harm. Beats all you've ever saw been in trouble </p>
                                    <p>Donec volutpat, mi vel egestas eleiend, dolor arcu iaculis nunc. Fusce gravida tortor felis, ac dictum risus sagittis id. </p>
                                    <a href="#">LEAR MORE</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4">
                        <div class="single_footer_widget">
                            <div class="footer_widget_title">
                                <h2>Recent Post</h2>
                            </div>
                            <div class="footer_widget_content">
                                <div class="footer_recent_post">
                                    <ul>
                                        <li>
                                            <div class="recent_post_photo">
                                                <img src="img/footer_recent_post_photo_1.jpg" alt="">
                                                <div class="caption">
                                                    <a href="#">+</a>
                                                </div>
                                            </div>
                                            <div class="recent_post_content">
                                                <h3><a href="#">Fusce gravida tortor felis, ac dictum risus sagittis</a></h3>
                                                <p>June 15, 2015</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="recent_post_photo">
                                                <img src="img/footer_recent_post_photo_2.jpg" alt="">
                                                <div class="caption">
                                                    <a href="#">+</a>
                                                </div>
                                            </div>
                                            <div class="recent_post_content">
                                                <h3><a href="#">Fusce gravida tortor felis, ac dictum risus sagittis</a></h3>
                                                <p>June 15, 2015</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="recent_post_photo">
                                                <img src="img/footer_recent_post_photo_3.jpg" alt="">
                                                <div class="caption">
                                                    <a href="#">+</a>
                                                </div>
                                            </div>
                                            <div class="recent_post_content">
                                                <h3><a href="#">Fusce gravida tortor felis, ac dictum risus sagittis</a></h3>
                                                <p>June 15, 2015</p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4">
                        <div class="single_footer_widget">
                            <div class="footer_widget_title">
                                <h2>Tags</h2>
                            </div>
                            <div class="footer_widget_content">
                                <div class="tag_wid">
                                    <ul>
                                        <li><a href="#">Awesome</a></li>
                                        <li><a href="#">Photography</a></li>
                                        <li><a href="#">Web Design</a></li>
                                        <li><a href="#">Infographic</a></li>
                                        <li><a href="#">Guitar</a></li>
                                        <li><a href="#">Theme</a></li>
                                        <li><a href="#">Website</a></li>
                                        <li><a href="#">Artist Design</a></li>
                                        <li><a href="#">Themeforest</a></li>
                                        <li><a href="#">Music</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-12">
                        <div class="single_footer_widget">
                            <div class="footer_widget_title">
                                <h2>Flickr Widget</h2>
                            </div>
                            <div class="footer_widget_content">
                                <div class="flickr_wid">
                                    <ul>
                                        <li><a href="#"><img src="img/flickr_photo_1.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="img/flickr_photo_2.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="img/flickr_photo_3.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="img/flickr_photo_4.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="img/flickr_photo_5.jpg" alt=""></a></li>
                                        <li><a href="#"><img src="img/flickr_photo_6.jpg" alt=""></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container footer_bottom">
                <div class="row">
                    <div class="col-md-5">
                        <div class="copyright_txt">
                            <p>Copyright © 2015 - All Rights Reserved</p>
                        </div>
                    </div>
                    <div class="col-md-7">
                        <div class="footer_menu">
                            <nav>
                                <ul>
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="">Pages</a></li>
                                    <li><a href="portfolio.html">Portfolio</a></li>
                                    <li><a href="">Shop</a></li>
                                    <li><a href="blog.html">Blog</a></li>
                                    <li><a href="">Shortcodes</a></li>
                                    <li><a href="">Features</a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!--====| Footer Area End |====-->
       
        <!-- jQuery Latest version -->
        <script src="js/vendor/jquery.1.11.1.js"></script>

        <!-- Google Maps API -->
        <script src="https://maps.googleapis.com/maps/api/js"></script>

        <!-- Bootstrap JS -->
        <script src="js/bootstrap.min.js"></script>

        <!-- Slicknav JS -->
        <script src="js/jquery.slicknav.min.js"></script>

        <!-- jQuery knob and appear -->
        <script src="js/jquery.appear.js"></script>
        <script src="js/jquery.knob.min.js"></script>

        <!-- jQuery easing -->
        <script src="js/jquery.easing.1.3.min.js"></script>

        <!-- jQuery owl carousel -->
        <script src="js/owl.carousel.min.js"></script>
		
        <!-- Mixitup -->
        <script src="js/jquery.mixitup.js"></script>

        <!-- jQuery VenoBox -->
        <script src="js/venobox.min.js"></script>

        <!-- WOW Animation -->
        <script src="js/wow.min.js"></script>
           
        <!--Activating WOW Animation only for modern browser-->
        <!--[if !IE]><!-->
            <script type="text/javascript">new WOW().init();</script>
        <!--<![endif]-->		

        <!--Oh Yes, IE 9+ Supports animation, lets activate for IE 9+-->
        <!--[if gte IE 9]>
            <script type="text/javascript">new WOW().init();</script>
        <![endif]-->		 

        <!--Opacity & Other IE fix for older browser-->
        <!--[if lte IE 8]>
            <script type="text/javascript" src="js/ie-opacity-polyfill.js"></script>
        <![endif]-->	    

        <!-- jQuery main script -->
        <script src="js/main.js"></script>
    </body>
</html>